/*.d1{
    width: 400px;
    height: 200px;
    border: 1px solid brown;
    background-color: darkturquoise;
}

.d2{
    width: 60px;
    height: 60px;
    background-color: royalblue;
    border-radius: 30px;
}

.header{
    width: 80%;
    height: 200px;
    background-color: slategray;
    margin: 0 auto;
}

.main{
    width: 80%;
    height:300px;
    background-color:coral ;
    margin: 0 auto;
}


.bottom{
    width: 80%;
    height: 200px;
    background-color: sandybrown;
    margin: 0 auto;
}*/

/*.all{
    display: block;
    width: 1000px;
    height: 500px;
    background-color: greenyellow;

}*/

.hide-content{
    display: block;
    width: 1000px;
    height: 100px;
    background-color: red;

}
.hide-content span{
    color: yellow;
    text-decoration: none;
}

.more-content{
    display: none;
    width: 1000px;
    height: 200px;
    background-color: yellow;
}

.hide-content span{
    color: green;
    text-decoration: none;
}